/***************************/
//@Author: Adrian "yEnS" Mato Gondelle
//@website: www.yensdesign.com
//@email: yensamg@gmail.com
//@license: Feel free to use it, but keep this credits please!
/***************************/

//SETTING UP OUR POPUP
//0 means disabled; 1 means enabled;

//Jayesh: I did small changes for this

var popupStatus = 0;

//loading popup with jQuery magic!
function loadPopup(){
	//loads popup only if it is disabled    
	if(popupStatus==0){
		$("#backgroundPopup").css({
			"opacity": "0.7"
		});
		$("#backgroundPopup").fadeIn("slow");
		$(popup_name).fadeIn("slow");
		popupStatus = 1;
	}
}

//disabling popup with jQuery magic!
function disablePopup(){
	//disables popup only if it is enabled
	if(popupStatus==1){
		$("#backgroundPopup").fadeOut("slow");
		$(popup_name).fadeOut("slow");
		popupStatus = 0;
	}
}

function disableViewCardPopup(targetObj){
	//disables popup only if it is enabled
	if(popupStatus==1){
		$("#backgroundPopup").fadeOut("slow");
		$(popup_name).fadeOut("slow");
		if (document.getElementById('popupViewCard'))
		{
			var div = document.getElementById(targetObj.id);
			div.removeChild(document.getElementById('popupViewCard'));
			
		}
		popupStatus = 0;
	}
}

//centering popup
function centerPopup(){    
	//request data for centering
	var windowWidth = document.documentElement.clientWidth;
	var windowHeight = document.documentElement.clientHeight;
	var popupHeight = $(popup_name).height();
	var popupWidth = $(popup_name).width();
	//centering
	$(popup_name).css({
		"position": "absolute",
		"top": windowHeight/2-popupHeight/2,
		"left": windowWidth/2-popupWidth/2
	});
	//only need force for IE6

	$("#backgroundPopup").css({
		"height": windowHeight
	});
}
function createPopup(divId, cardId){
	var nameList = ['title','start_date', 'end_date', 'points', 'card_color', 'developers', 'description' ];
	var display_text =['Title','Start Date', 'End Date', 'Points', 'Color', 'Developers', 'Description' ];
	var div = document.createElement("div");
	div.id = divId;

	var h1 = document.createElement("h1");
	h1.appendChild(document.createTextNode("View Card"));
	var div1 = document.createElement("div");
	div1.id = "lightbox_content";

	/*for (i=0;i<nameList.length;i++ )
	{
		var item = nameList[i];
		var ul = document.createElement("ul");
		ul.appendChild(document.createTextNode(display_text[i]+":"+ cardList[cardId].nameList[i]));
		div1.appendChild(ul);
	}*/
	
	var titleUl = document.createElement("ul");
	titleUl.appendChild(document.createTextNode("title:"+ cardList[cardId].title));
	titleUl.className = "popupTitle";
	div1.appendChild(titleUl);

	var startDateUl = document.createElement("ul");
	startDateUl.appendChild(document.createTextNode("Start Date:"+ cardList[cardId].start_date));
	div1.appendChild(startDateUl);

	var endDateUl = document.createElement("ul");
	endDateUl.appendChild(document.createTextNode("End Date:"+cardList[cardId].end_date));
	div1.appendChild(endDateUl);

	var pointsUl = document.createElement("ul");
	pointsUl.appendChild(document.createTextNode("Points:"+ cardList[cardId].points));
	div1.appendChild(pointsUl);

	var colorUl = document.createElement("ul");
	colorUl.appendChild(document.createTextNode("Color:"+ cardList[cardId].card_color));
	div1.appendChild(colorUl);

	var deveUl = document.createElement("ul");
	deveUl.appendChild(document.createTextNode("Developers:"+ cardList[cardId].developers));
	div1.appendChild(deveUl);

	var descUl = document.createElement("ul");
	descUl.appendChild(document.createTextNode("Description:"+ cardList[cardId].description));
	div1.appendChild(descUl);

	var a = document.createElement("a");
	a.id=cardId;
	a.className = "popupclose";
	a.appendChild(document.createTextNode("X"));
	a.onclick = function(){disableViewCardPopup(this);}
	div.appendChild(a);

	div.appendChild(h1);
	div.appendChild(div1);
		
	if (document.getElementById(divId)== null)
	{
		document.getElementById(cardId).appendChild(div);
	}
	
}

//CONTROLLING EVENTS IN jQuery
$(document).ready(function(){

	//LOADING POPUP
	//Click the button event!
	$("#add_wall_lightbox").click(function(){
		//centering with css
		popup_name = '#popupAddWall';
		centerPopup();
		loadPopup();
		$("#wall_title").focus();
	});

	$("#add_card_lightbox").click(function(){
		//centering with css
		popup_name = '#popupAddCard';
		centerPopup();
		//load popup
		loadPopup();
		$("#card_title").focus();
	});

	$("#stage_conf_lightbox").click(function(){
		popup_name = '#popupStageConf';
		//centering with css
		centerPopup();
		//load popup
		loadPopup();
		$("#stage1").focus();
	});
	$(".viewCardPopup").click(function(){
		popup_name = '#popupViewCard';
		createPopup("popupViewCard", this.id);
		centerPopup();
		loadPopup();
	});
	
// 	$("#next_release_lightbox").click(function(){
// 		//centering with css
// 		popup_name = '#popupFuture';
// 		centerPopup();
// 		//load popup
// 		loadPopup();
// 	});

// 	$("#about_lightbox").click(function(){
// 		//centering with css
// 		popup_name = '#popupAbout';
// 		centerPopup();
// 		//load popup
// 		loadPopup();
// 	});

	//CLOSING POPUP
	//Click the x event!
 	$("#popupClose").click(function(){
		disablePopup();
	});

 	$("#stageCancelPopup").click(function(){
		disablePopup();
	});
	$(".closePopupViewCard").click(function(e){
		disablePopup();
	});

 	$("#stagePopupClose").click(function(){
		disablePopup();
	});

 	$("#cancelPopup").click(function(){
		disablePopup();
	});

	//Click out event!
	$("#backgroundPopup").click(function(){
		disablePopup();
	});
	//Press Escape event!
	$(document).keypress(function(e){
		if(e.keyCode==27 && popupStatus==1){
			disablePopup();
		}
	});

});
